<template>
    <div style="padding: 0 2rem;">
        <ul class="flex fireSafety_title colorF font_s20 textC">
            <li class="flex1"><span>序号</span></li>
            <li class="flex4"><span>机构</span></li>
            <li class="flex2"><span>检查人</span></li>
            <li class="flex1"><span>检查类别</span></li>
            <li class="flex1"><span>检查时间</span></li>
            <li class="flex1"><span>监管要素</span></li>
            <li class="flex3"><span>存在问题</span></li>
        </ul>
        <ul class="flex fireSafety_content colorF font_s18 textC" v-for="item in dataList" v-bind:key="item.id">
            <li class="flex1"><span>{{item.xh}}</span></li>
            <li class="flex4"><span>{{item.jg}}</span></li>
            <li class="flex2"><span>{{item.jcr}}</span></li>
            <li class="flex1"><span>{{item.jclb}}</span></li>
            <li class="flex1"><span>{{item.jcsj}}</span></li>
            <li class="flex1"><span>{{item.jgys}}</span></li>
            <li class="flex3"><span>{{item.czwt}}</span></li>
        </ul>
    </div>
</template>
<script>
export default {
  name: 'FireSafety',
  data () {
    return {
      dataList: [
        { 'xh': 1, 'jg': '上海浦东新区天长公墓', 'jcr': '李飞', 'jclb': '日常', 'jcsj': '2019/3/20', 'jgys': '消防安全', 'czwt': '部分灭火器压力不足，并且无检查记录卡' }
      ]
    }
  }
}
</script>
<style scoped>
.fireSafety_title {
    line-height: 2.5rem;
    border-radius: 10px 10px 0 0;
    background:#4ca5ab;
}
.fireSafety_content {
    line-height: 3.625rem;
    border-radius: 5px;
    background: #27515f;
    margin: 0.825rem 0;
}
</style>
